<!DOCTYPE html>
<html>
	<head>
		<link href="app/common/styles/appUIToolbar.css" rel="stylesheet">
		
		<%@ page import="com.occludens.util.i18nNow"%>
		<%@ page import="com.occludens.ui.UINavigationToolbar"%>
		
		<!-- Identity Toolkit STARTS -->
		<script type="text/javascript" src="//www.gstatic.com/authtoolkit/js/gitkit.js"></script>
		<link type=text/css rel=stylesheet href="//www.gstatic.com/authtoolkit/css/gitkit.css" />
		<script type=text/javascript>
			window.google.identitytoolkit.signInButton(
				'#signinbutton', // accepts any CSS selector
				{
					widgetUrl: "http://localhost:8888/oauth2callback",
					signOutUrl: "/",
					// Optional - Begin the sign-in flow in a popup window
					//popupMode: true,
					
					// Optional - Begin the sign-in flow immediately on page load.
					//            Note that if this is true, popupMode param is ignored
					//loginFirst: true,
					
					// Optional - Cookie name (default: gtoken)
					//            NOTE: Also needs to be added to config of ‘widget
					//                  page’. See below
					//cookieName: ‘example_cookie’,
				}
			);
		</script>
    	<!-- Identity Toolkit ENDS -->
    	
	</head>

	<body>
		<%
		String navigationToolbar = new UINavigationToolbar().getNavigationToolbar("APPNavigationToolbar");
		System.out.println("navigationToolbar =  " + navigationToolbar);
		%>
	
		<div class="navbar navbar-fixed-top header">
			<div class="col-md-12">
				<div class="navbar-header">
					<a href="#" class="navbar-brand">
						<span class="logo-first">O</span><span class="logo-else">ccludens</span>
					</a>
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse1">
						<i class="glyphicon glyphicon-search"></i>
					</button>
				</div>
				
				<!-- Begin sign in button widget -->
			    <!-- <div id="signinbutton"></div> -->
			    <!-- End sign in button widget -->
				
				<div class="collapse navbar-collapse" id="navbar-collapse1">
					<!-- TODO if logged -->
					<%-- <ul class="nav navbar-nav navbar-right">
						<li><a id="button-login" href="/login" role="button" data-toggle="modal"><%=i18nNow.getString("FrameworkStringResource", "Framework.Command.Login", request.getHeader("Accept-Language"))%></a></li>
					</ul> --%>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<div id="signinbutton"></div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="navbar navbar-default" id="subnav">
		
		</div>
	</body>

</html>